<style>
    * {touch-action: pan-y;}
    body{background-color: #FFFFFF;}
    .mui-control-content {background-color: white;}
    .mui-control-content .mui-loading {margin-top: 3.125rem;}
    .mui-bar-nav{position: absolute;background-color: #e94709;}
    .top-return {position: absolute;width: 10%;top: 10px;}
    .top-return img{width: 45%;}
    .mui-title{color: #FFFFFF;text-align: center;font-size: 16px;line-height: 40px;}
    .top-logo {position: absolute;width: 15%;left: 33%;top: 0.1875rem;}
    .top-logo img{width: 100%;}
    .top-menu {position: absolute;width: 10%;right: -3px;top: 11px;}
    .top-menu img{width: 45%;}
    .mui-bar-nav~.mui-content{padding-top: 40px;}
    .mui-bar-nav{height:40px;}
    .top-logo{display: none;}
    .mui-toast-message {opacity: 0.7;/*toast中背景色的透明度*/}
    /* 公共部分end */
    .mui-backdrop{position: unset; background-color: rgba(0,0,0,0);}
    #popover{position: fixed;top:6%!important;left: 75%!important;width: 80px;font-size: 14px;}
    #popover a{padding: 2px;text-align: center;}
    .mui-popover .mui-popover-arrow{left:50px!important;}
</style>
<h1 class="mui-title apply-title">爱计时赛事平台</h1>
<a id="openPopover" onclick="ss()"  class="top-menu" ><img src="{$aideUrl}app/resource/aitimt/images/menu.png" ></a>
<div id="popover" class="mui-popover">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell"><a onclick="menu()" href="{php echo app_url('home/index/display')}">首页</a></li>
        <li class="mui-table-view-cell"><a onclick="menu()" href="{php echo app_url('home/index/activity')}">赛事</a></li>
        <li class="mui-table-view-cell"><a onclick="menu()" href="{php echo app_url('home/index/grade')}">成绩</a></li>
        <li class="mui-table-view-cell"><a onclick="menu()" href="{php echo app_url('home/index/my')}">我的</a></li>
    </ul>
    <div class="mui-popover-arrow" style="left:48px;"></div>
</div>
<div class="mui-popup-backdrop mui-active"  id="pophei" onclick="ff()" style="display: none;"></div>
<script type="text/javascript">
    function menu() {
        document.location.href = this.href;
    }
    function ff(){
        document.getElementById('pophei').style.setProperty('display','none');
        document.getElementById('popover').style.setProperty('display','none');
        if (document.getElementById('pro')!=null){
            document.getElementById('pro').style.setProperty('display','none');
            document.getElementById('pro').classList.remove("mui-active");
            document.getElementById('remind').style.setProperty('display','none');
            document.getElementById('remind').classList.remove("mui-active");
            document.getElementById('comment').style.setProperty('display','none');
            document.getElementById('comment').classList.remove("mui-active");
            document.getElementById('scrollToTop').style.setProperty('display','block');
            document.getElementById('bottom-tab').style.setProperty('display','block');
        }
        if (document.getElementById('agreement')!=null) {
            document.getElementById('agreement').style.setProperty('display','none');
            document.getElementById('agreement').classList.remove("mui-active");
        }
    }
   function ss(){
       document.getElementById('popover').classList.add("mui-active");
       document.getElementById('popover').style.setProperty('display','block');
       document.getElementById('pophei').style.setProperty('display','block');
   }
    $(document).ready(function(){
    });
    //获取原始窗口的高度
    var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;

    mui.plusReady(function() {

        plus.webview.currentWebview().setStyle({

            height:height

        });});
    window.onresize = function() {

        if ($(document).height()<originalHeight) {
            $('.mui-bar-tab').css('position',"static")

        }else{
            $('.mui-bar-tab').css('position',"fixed")
        }
    };
</script>
